@import "../style/index.scss";
$svg-img-width: 200px;
$svg-img-height: 200px;

.commits-page {
  &__header {
    @include flexFullRowWithSpacing;
    color: var(--gray-20);
    align-items: center;
    margin-bottom: var(--default-spacing);

    h2 {
      margin: 0;
    }

    .truncated-id {
      @include semiBold;
      color: var(--gray-base);
    }

    .clickable-id {
      color: var(--gray-20);
      a {
        color: var(--gray-base);
      }
    }
  }

  &__changes__title {
    @include flexFullRowWithSpacing;
    margin-bottom: var(--default-spacing);
    .multi-state-toggle {
      margin-bottom: 0;
      width: var(--form-field-normal);
    }
  }
  &__commit-message {
    margin-bottom: var(--double-spacing);
    color: var(--gray-20);
  }

  .pending-change-with-compare {
    margin-left: 0;
    margin-right: 0;
  }
}
